<!DOCTYPE html>
<html lang="es">
	<head>
		<title>Twitbook</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
		<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">   
		<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
		<script src="js/cufon-yui.js" type="text/javascript"></script>
		<script src="js/cufon-replace.js" type="text/javascript"></script>
		<script src="js/NewsGoth_400.font.js" type="text/javascript"></script>
		<script src="js/NewsGoth_700.font.js" type="text/javascript"></script>
		<script src="js/Vegur_300.font.js" type="text/javascript"></script> 
		<script src="js/FF-cash.js" type="text/javascript"></script>
		<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
		<script src="js/tms-0.3.js" type="text/javascript"></script>
		<script src="js/tms_presets.js" type="text/javascript"></script>
		
		<script type="text/javascript">
			$(function() { 
				$('.close').bind('click', function(){
					$(this).parent().show().fadeOut(500);
				});
			}); 
		</script>
		<!--[if lt IE 7]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
				<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
			</a>
		</div>
		<![endif]-->
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5.js"></script>
			<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
		<![endif]-->
	</head>
	<body id="page1">
	<!--==============================header=================================-->
		<header>
			<div class="main">
				<div class="wrapper">
					<h1>
						<a href="index.html">Twibook</a>
						<strong>Creando Ideas</strong>
					</h1>
					<nav>
						<ul class="menu">
							<li><a class="active" href="index.html">Acerca De</a></li>
							<li><a href="services.html">Servicios</a></li>
							<li><a href="gallery.html">Portafolio</a></li>
							<li><a href="privacy.html">Privacy</a></li>
							<li><a href="contacts.html">Contacto</a></li>
						</ul>
					</nav>
				</div>
			</div><div class="ic"></div>

		</header>
	<!--==============================content================================-->
		<section id="content">
			<div class="main">
				<div class="slider-wrapper">
					<div class="slider">
						<ul class="items">
							<li>
								<img src="images/slider-img1.jpg" alt="" />
								<strong class="banner">
									<a class="close" href="#">x</a>
									<strong>Accesibilidad</strong>
									<span>Responsive Design</span>
									<b class="margin-bot">Adaptamos Tu Sitio Web Para que Todos los Dispositivos Puedan Acceder a Tu Sitio Web.</b>
									
								</strong>
							</li>
							<li>
								<img src="images/slider-img2.jpg" alt="" />
								<strong class="banner">
									<a class="close" href="#">x</a>
									<strong>Marketing Digital</strong>
									<span>Social Media</span>
									<b class="margin-bot">Nos Encargamos de Difundir Tu Sitio Web En Todas Las Redes Sociales Exitentes Para Potenciar Tu Marca.</b>
									
								</strong>
							</li>
							<li>
								<img src="images/slider-img3.jpg" alt="" />
								<strong class="banner">
									<a class="close" href="#">x</a>
									<strong>Diseno Web</strong>
									<span>Estructuramos Tu Sitio Web</span>
									<b class="margin-bot">Somos Especialistas En Disenar Sitios Web Adecuado A Tus Necesidades.</b>
									
								</strong>
							</li>
							<li>
								<img src="images/slider-img4.jpg" alt="" />
								<strong class="banner">
									<a class="close" href="#">x</a>
									<strong>Situados en la Red</strong>
									<span>SEO</span>
									<b class="margin-bot">Situamos Tu Sitio Web En Los Primeros Lugares De Motores De Busqueda Conocidos Por Millones de Personas En El Mundo.</b>
									
								</strong>
							</li>
						</ul>
					</div>
					<ul class="pagination">
						<li><a class="item-1" href=""><strong>01</strong></a></li>
						<li><a class="item-2" href=""><strong>02</strong></a></li>
						<li><a class="item-3" href=""><strong>03</strong></a></li>
						<li><a class="item-4" href=""><strong>04</strong></a></li>
					</ul>
				</div>
				<div class="border-bot1 img-indent-bot">
					<h2>Diseno Web a Tu Medida<strong>Manejo de Redes Sociales</strong></h2>
				</div>
				<div class="wrapper">
					<article class="col-1">
						<div class="indent-left">
							<ul class="list-1">
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li class="last-item"></li>
							</ul>
						</div>
					</article>
					<article class="col-2">
						<h3>Bienvenidos!</h3>
						<div class="p1">
							<figure class="img-border"><img src="images/page1-img1.jpg" alt="" /></figure>
							<div class="clear"></div>
						</div>
						<p class="img-indent-bot">Somos el puente que hace posible la unión de dos mundos, el de tu marca y los habitantes del mundo digital.</p>
						
					</article>
					<article class="col-3">
						<div class="indent-top">
							<ul class="list-2">
								<li>
									<a class="item" href="#">Nuestra Vision</a>
									<span>Desarrollar Sitios Web de Alta Calidad.</span>
									<span>SEO Para Tu Sitio Web.</span>
									<span>Potenciamos Tu Marca.</span>
								</li>
								<li>
									<a class="item" href="#">Llegar Al Exito</a>
									<span>Nuestra receta para llegar al éxito,<br>Es establecer las nuevas tendencias en el acelerado mundo de hoy, que cada vez se vuelve más y más digital.</span>
								</li>
								<li class="last-item">
									<a class="item" href="#">Nuestra Filosofia</a>
									<span>Brindamos una experiencia diferente a cada uno de nuestros clientes en las diferentes áreas, ya sea en la gestión de sus redes sociales, en el desarrollo y actualización web y la compra de espacios de publicidad online.</span>
									
								</li>
							</ul>
						</div>
					</article>
				</div>
			</div>
		</section>
	<!--==============================footer=================================-->
		<footer>
			<div class="main">
				<div class="wrapper border-bot2 margin-bot">
					<article class="fcol-1">
						<div class="indent-left">
							<h3 class="color-1">Siguenos</h3>
							<ul class="list-services">
								<li><a href="#">Facebook</a></li>
								<li><a class="it-2" href="#">Twitter</a></li>
								<li><a class="it-3" href="#">Linked In</a></li>
								<li class="last-item"><a class="it-4" href="#">Del.ico.us</a></li>
							</ul>
						</div>
					</article>
					<article class="fcol-2">
						<h3 class="color-1">Nos Caracterizamos Por</h3>
						<p class="p3">El Secreto de Tu Exito esta en Ofrecer Calidad en Todos Nuestros Trabajos Realizados.<br>
							Mantener a Nuestro Clientes Conformes Con Nuestros Trabajos Realizados.</p>
						
					</article>
					<article class="fcol-3">
						<h3 class="color-1">Navegar</h3>
						<ul class="list-3">
							<li><a href="index.html">Acerca De</a></li>
							<li><a href="services.html">Servicios</a></li>
							<li><a href="gallery.html">Portafolio</a></li>
							<li><a href="privacy.html">Politicas</a></li>
							<li class="last-item"><a href="contacts.html">Contacto</a></li>
						</ul>
					</article>
				</div>
				<div class="aligncenter">
					Twitbook &copy; 2013 
				</div>
			</div>
		</footer>
		<script type="text/javascript"> Cufon.now(); </script>
		<script type="text/javascript">
			$(window).load(function() {
				$('.slider')._TMS({
					duration:800,
					easing:'easeOutQuart',
					preset:'diagonalExpand',
					slideshow:7000,
					pagNums:false,
					pagination:'.pagination',
					banners:'fade',
					pauseOnHover:true,
					waitBannerAnimation:true
				});
			});
		</script>
	</body>
</html>